/* CSS Document */ 
@font-face {
	font-family: 'My_Font';
	src: url('fonts/Elle Futura-Book.eot');
	src: local('☺'), url('fonts/Elle Futura-Book.woff') format('woff'), url('fonts/Elle Futura-Book.ttf') format('truetype'), url('fonts/Elle Futura-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p,a, em, img, strong, ol, ul, li 
{ margin:0px; padding:0px; border:0px; outline:0px; vertical-align:baseline; background:transparent; text-decoration:none; font-family:arial; font-size:12px;}
body { width:100%; /*background:url(../images/bg4.png) 0 0 repeat */} 
.clearfix { clear: both; }
:focus {outline:none;}
[class^="icon-"], [class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
/*__Index__*/
.index { width:100%; height:auto; float:left;}
.in_header { width:100%; height:auto; float:left;}
.menuH { width:100%; height:49px; float:left; background:url(../images/bg-header.png) repeat-x top; }
.menuHead { width:1000px; height:33px; margin:8px auto;}
.menuHead ul { list-style:none; float:right;}
.menuHead ul li { float:left;}
.menuHead ul li ul li { height:33px; float:left;}
.menuHead ul li ul li a { color:#1c1c1c; font-size:13px; display:block; line-height:33px;}
.menuHead ul li ul li a:hover { color:#eb6da1}

li.QL { background:url(../images/icon_1.png) no-repeat top left; padding-left:30px; margin-left:20px;}
li.DS { background:url(../images/icon_2.png) no-repeat top left; padding-left:30px; margin-left:20px;}
li.CS { background:url(../images/icon_3.png) no-repeat top left; padding-left:30px; margin-left:20px;}

li.menu_a01 { float:left; margin-left:20px;}
li.menu_a01 ul li { float:left; margin-left:10px; background:url(../images/icon_4.png) no-repeat top left; padding-left:11px;}
li.menu_a01 ul li.first { background:none;}
.header_main{ width:1000px; height:120px; margin:50px auto 0; }
.header_main .logo{ width:250px; float:left; margin-top:40px;}
.header_right { float:right; width:650px; height:120px; margin-left:100px;}
.quick_link{ padding:20px 0px 0px; float:right; width:650px; height:50px;}
.frm_search{ width:630px; float:right; height:50px;}
.frm_search input.ip{ width:330px; border-radius: 5px; height:23px; padding:5px; border:1px solid #ff99cc}
.quick_link span{ padding:0 15px;}
.header_main .header_right .quick_link .hdTt {
    height: 35px;
    width: 128px;
}
.breadcrumb {
    display: inline-block;
    padding: 0 11px;
    font-weight: bold;
    font-size: 16px;
    line-height: 30px;
    z-index: 1;
	color:#06c6f6;
}
.breadcrumb .navigation-pipe {
    width: 18px;
    display: inline-block;
    text-indent: -5000px;
	background:url(../images/icon_11.png) -6px -6px;
}
.breadcrumb a {
    padding: 0 10px 0 22px;
    margin-left: -26px;
    z-index: 2;
    color: #06c6f6;
	font-size:16px;
}
.breadcrumb a.home {
    font-size: 22px;
    color: #777777;
    width: 38px;
    text-align: center;
    padding: 0;
    margin: 0 0 0 -10px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    z-index: 99;
    line-height: 30px;
    display: inline-block;
    height: 30px;
}

.breadcrumb a.home i {
    vertical-align: -1px;
}
.breadcrumb a.home:before {
    border: none;
}

.breadcrumb a:hover {
    color: #777777;
}
.icon-home:before {
    content: "\f015";
}
#subcategories {
    border-top: 1px solid #cbcccb;
    padding: 15px 0 0;
}
#subcategories p.subcategory-heading {
    color: #333333;
    font-size: 24px;
    margin: 0 0 15px;
}
#subcategories ul {
    margin: 0 0 0 -20px;
}
#subcategories ul li {
    float: left;
    height: 202px;
    margin: 0 0 13px 18px;
    text-align: center;
    width: 128px;
    list-style: none;
}
#subcategories ul li .subcategory-image {
    padding: 0 0 8px;
}
#subcategories ul li .subcategory-image a {
    border: 1px solid #cbcccb;
    display: block;
    padding: 9px;
}
#subcategories ul li .subcategory-image a img {
    max-width: 100%;
    vertical-align: top;
}
#subcategories ul li .subcategory-name {
    color: black;
    font: 600 14px/18px "Roboto",sans-serif;
    text-transform: uppercase;
}
#subcategories ul li .subcategory-name:hover {
    color: #ff78b3;
}
#subcategories ul li .cat_desc {
    display: none;
}

.frm_search input.btnSearch{ height:33px; width:80px; background:#ff99cc; color:#fff; border:none; border-radius:5px;}
.menuT { width:100%; height:60px; float:left; position:relative; z-index:2; margin-top:0px;}
.menuTo { width:100%; height:60px; float:left; background:url(../images/hd_bgNav.png) repeat-x top;}
.menuTop { width:1000px; height:60px; margin:0 auto;}
.menuTop > ul { list-style:none;}
.menuTop > ul > li { float:left; padding-right:25px; position:relative; height:44px; padding-top:10px;}
.menuTop > ul > li > a{ color:#fff; font-size:14px; line-height:34px; font-weight:600; text-transform:uppercase; font-family:My_Font}
.menuTop > ul > li.first { padding-left:10px; background:none;}
.menuTop > ul > li.last { padding-right:0;}

.menuTop > ul > li:hover > a, .menuTop > ul > li.active > a { color:#fff157}

.menuTop > ul > li > ul { display:none; list-style:none; position:absolute; top:53px; left:0; padding:10px 0; z-index: 9999;}
.menuTop > ul > li:hover > ul { display:block; background:#fff; box-shadow:2px 2px 4px #333; z-index:1001; width:270px;}

.menuTop > ul > li > ul > li {   padding:10px 10px 10px 20px; border-bottom:1px dashed #ddd!important; margin-left:5px; background:url(../images/icon_11.png) no-repeat -5px -2px ;}
.menuTop > ul > li > ul > li > a{ font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif }
.menuTop > ul > li > ul > li > a:hover{ color:#ff99cc;}
.menuTop > ul > li > ul > li.first { background:none;}

.menuTop > ul > li > ul > li > ul { list-style:none;}
.menuTop > ul > li > ul > li > ul > li { width:130px; height:auto; float:left; padding:6px 10px 6px 20px;}
.menuTop > ul > li > ul > li > ul > li > a { font-size:14px; color:black; color:#666}
.menuTop > ul > li > ul > li > ul > li:hover > a { font-weight:bold; color:#666;}


.in_content { width:100%; height:auto; float:left; margin-top:18px; position:relative; z-index:1;}
.cent_content { width:1018px; height:auto; margin:0 auto;}
.content_F01 { width:1018px; height:18px; float:left; background:url(../images/content_01.png) no-repeat;}
.content_L01 { width:1018px; height:18px; float:left; background:url(../images/content_03.png) no-repeat;}
.content { width:1000px; height:auto; float:left; background:url(../images/content_02.png) repeat-y; padding:0 9px;}
.error_message p{ color:#F00; font-size:14px;}

#banner { width:980px; height:350px; float:left; margin-left:10px; overflow:hidden}

.show_home { width:990px; height:auto; float:left; margin-left:10px;}
.boxShome { width:320px; height:370px; float:left; margin:10px 10px 0 0; position:relative;}
.boxShome > a { width:320px; height:370px; }
.boxShome img { width:320px; height:370px;}

.CCu { width:320px; margin-top:235px;height:94px; top:0px; position:absolute}
.CCu > ul { width:320px; height:94px; background:url(../images/bo_02.png) repeat-x; list-style:none; }
.boxShome:hover .CCu > ul { width:320px; height:94px; background:url(../images/bo_02-1.png) repeat-x; list-style:none; margin-top:235px;}
.CCu > ul > li { width:320px; height:auto; float:left;}
.CCu > ul > li > a > img { width:320px; height:35px; float:left; margin-top:24px;}
.CCu > ul > li > a { font-size:16px; color:#2e0008; text-align:center; display:block; line-height:24px; background:red; background: none; margin-top: 56px;}
.CCu > ul > li > a:hover { text-decoration:underline;}

.cont_home { width:1000px; height:auto; float:left; margin-top:20px;}
.cont_contact{ width:1000px; height:auto; float:left; margin-top:0px;}
.tt_Chome { width:980px; height:31px; float:left; margin-left:10px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 0; background:url(../images/icon_6.png) no-repeat top left;}
.tt_login { width:280px; height:32px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:2px 0; background:url(../images/icon_6.png) no-repeat top left;}
.tt_login > p { color:#000; display:block; line-height:31px; font-size:20px; text-transform:uppercase; margin-left:16px; width:500px; float:left;}
.tt_Chome > p { color:#000; display:block; line-height:34px; font-size:20px; text-transform:uppercase; margin-left:16px; float:left;}
.tt_Chome > p > a { color:#000; line-height:31px; font-size:20px; text-transform:uppercase; margin-left:16px;  float:left;}
.search { width:247px; height:31px; float:right; background:url(../images/search_bg.png) no-repeat;}
.botton { width: auto !important; background: #06c6f6; border: 1px solid #06c6f6; padding: 5px; margin: 5px; border-radius:5px; text-align: center; }
.botton span{color:#fff; font-size:18px;}
.botton:hover { background: #b5b5b5}
.list_view { 
    position: relative; 
    width:700px !important; 
    height:auto !important; 
    clear: both; 
    padding: 5px;
    border: 1px solid white;
}
.list_view:hover {
    border: 1px solid lightcyan;
}
.list_view .cod{ display:none}
.list_view li { list-style: none; }
.list_view .pic { width: 190px;height: 257px;float: left; }
.list_view .thh, 
.list_view .tit, 
.list_view .des, 
.list_view .pri,
.list_view .favo { 
    width: 250px !important; display: inline-block;  
    margin-left: 20px !important; height: auto; 
    float: left;
	margin-top:10px;
}
.list_view > ul > li.pic { 
    width:190px; height:257px; 
    background:url(../images/bo_03.png) no-repeat bottom; 
    position:relative;
}
.list_view > ul > li.pic > a { 
    width:188px; height:248px; 
    border:1px solid #efefef; 
    float:left;
}
.list_view:hover > ul > li.pic > a { box-shadow: 2px 2px 4px #ddd;}
.list_view > ul > li.pic > a > img { width: 188px; height: 248px; float: left;}
.list_view > ul > li.tit { width: 190px; height: auto; float: left; margin-top: 4px;}
.list_view > ul > li.tit > a { color: #0696c4; font-size: 20px;}
.list_view > ul > li.other {
    position: absolute;
    top: 5px;
    left: 470px;
    width: 240px !important;
    height: 250px !important;
    border-left: 1px solid lightgray;
}
.list_view > ul > li.other > ul {
    padding: 0px;
    margin: 0px 0px 0px 10px;
}
.list_view > ul > li.other > ul > li{
    list-style: none;
}
.list_view > ul > li.other > ul > li.price {
    padding: 0px 5px;
}
.list_view > ul > li.other > ul > li.price > span{ 
    color: #2e2e2e;
    font-size: 26px;
}
.list_view > ul > li.other > ul > li.price > span.dash {
    text-decoration: line-through;
    font-size: 12px;
}
.list_view > ul > li.des {
    display: inline !important;
}
.list_view > ul > li.des p {
	line-height:22px;
}
.list_view > ul > li.favo {
    border: 1px soild gray;
    padding: 5px;
}

.cc_Chome { width:1000px; height:auto; float:left;}
.grid_view { 
    width:190px; height:auto !important; float:left; 
    padding: 5px;
    margin:20px 34px 0 0px; 
    border-bottom:1px dotted #e5e5e5;
    border: 1px solid #fff;
}
.grid_home{margin:20px 24px 0 24px !important;}
.grid_view:hover {
    /*border: 1px solid lightcyan;*/
    padding: 5px;
}
.grid_view > ul { list-style:none;}
.grid_view > ul > li.pic { width:190px; height:257px; background:url(../images/bo_03.png) no-repeat bottom; position:relative;}
.grid_view > ul > li.pic > a { width:188px; height:248px; border:1px solid #efefef; float:left;}
.grid_view:hover > ul > li.pic > a { box-shadow:2px 2px 4px #ddd;}
.grid_view > ul > li.pic > a > img { width:188px; height:248px; float:left;}
.grid_view > ul > li.thh { width:190px; height:auto; float:left; border-bottom:1px dotted #e5e5e5; padding:3px 0;}
.grid_view > ul > li.thh > a { font-size:16px; color:#666; text-transform:uppercase;}
.grid_view > ul > li.tit { width:190px; height:70px; float:left; margin-top:4px;}
.grid_view > ul > li.tit > a { color:#000; font-size:15px;}
.grid_view > ul > li.des { display: none}
.grid_view > ul > li.other { width:190px; height:auto; float:left; margin-top:1px;}
.grid_view > ul > li.other > ul { list-style:none;}
.grid_view > ul > li.other > ul > li { float:left; list-style: none; display:none}
.grid_view > ul > li.other > ul > li.price > p { float:left; color:#cc0000; font-size:16px;}
.grid_view > ul > li.other > ul > li.price > span{ 
    color: #2e2e2e;
    font-size: 21px;
}
.grid_view > ul > li.other > ul > li.price > span.dash {
    text-decoration: line-through;
    font-size: 12px;
}
.grid_view > ul > li.cod { width:190px; height:auto; float:left; margin-top:2px;}
.grid_view > ul > li.cod > a { font-size:14px; color:#000;}
.salesOff { width:62px; height:43px; position:absolute; top:-1px; right:0; background:url(../images/saleOff.png) no-repeat;}
.salesOff > p { font-size:14px; color:white; margin:7px 0 0 17px;}
.viewAll { width:980px; height:38px; float:left; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(../images/icon_7.png) no-repeat center; margin:20px 0 0 10px;}
.viewAll > a { font-size:18px; color:#000; line-height:38px; text-align:center; display:block;}
.viewAll > a:hover { text-decoration:underline;}

.slider_home { width:980px; height:190px; float:left; background:url(../images/slider.png) no-repeat; margin:20px 0 0 10px;}
.slider_home > p { color:white; text-transform:uppercase; font-size:17px; margin:10px 0 0 50px;}

.slider-logo { width:968px; height:131px; float:left; position:relative; margin:8px 0 0 11px;}

.jcarousel-skin-tango .jcarousel-container { width:869px; height:auto; float:left; margin:18px 0 0 50px;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width:869px;}
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:869px; height:95px;}
.jcarousel-skin-tango .jcarousel-item { height:95px;}

.jcarousel-next-horizontal 
{ position: absolute; bottom:20px; right:-42px; width:34px; height:45px; cursor: pointer; background:url(../images/next-horizontal.png) no-repeat;}
.jcarousel-prev-horizontal 
{ position: absolute; bottom:20px; left:-45px; width:34px; height:45px; cursor: pointer; background:url(../images/prev-horizontal.png) no-repeat;}

ul#mycarousel, ul#mycarousel > li > ul { list-style:none; width:176px; float:left;}
ul#mycarousel > li { width:163px; height:93px; float:left; display:block; margin-right:11px; border:1px solid #ccc;}

.pic-1 { width:163px; height:93px; display:table; text-align: center; vertical-align: middle; float:left; position:relative;}
.pic-1 img { max-width:163px; max-height:93px; display:table-cell; vertical-align: middle;}
.pic_1 { width:163px; height:93px; text-align: center; vertical-align: middle;}
.pic_1 img { margin:0 auto; max-width:163px; max-height:93px;}

.bo_04-1 { width:6px; height:6px; position:absolute; top:-1px; left:-1px; background:url(../images/bo_04-1.png) no-repeat;}
.bo_04-2 { width:6px; height:6px; position:absolute; top:-1px; right:-1px; background:url(../images/bo_04-2.png) no-repeat;}
.bo_04-3 { width:6px; height:6px; position:absolute; bottom:-1px; right:-1px; background:url(../images/bo_04-3.png) no-repeat;}
.bo_04-4 { width:6px; height:6px; position:absolute; bottom:-1px; left:-1px; background:url(../images/bo_04-4.png) no-repeat;}

.in_footer { width:100%; float:left; /*background:#f6f6f6;*/ border-top:1px solid #fff; position:relative; top:-30px; z-index:0;}
.footer { width:1000px; height:auto; margin:0 auto;}

.int { width:1000px; height:auto; float:left; margin-top:30px; border-bottom:1px solid #dedede; padding-bottom:20px;}
.int > p { display:block; font-size:18px; color:#333; margin-top:20px; text-align:center;}
.int > p > span { color:black; font-size:20px; font-family:"Times New Roman"}
.int > ul { list-style:none;}
.int > ul > li { /*width:480px;*/ height:auto; float:left; padding:0 10px;}
.int > ul > li > p { display:block; text-align:justify; color:#333; font-size:13px; margin-top:15px; line-height:18px;}
.int > ul > li > p > span { color:black; font-size:13px; font-family:"Times New Roman"}

.bot_a03 { width:1000px; height:auto; float:left; margin-top:40px; /*border-bottom:1px solid #dedede;*/ /*padding-bottom:20px;*/}

.boxTT { width:180px; height:auto; float:left; margin:0 20px 0 10px;}
.boxTT > ul { list-style:none;}
.boxTT > ul > li.tit { width:180px; height:30px; float:left; border-bottom:1px solid #dedede; margin-bottom:5px;}
.boxTT > ul > li.tit > p { color:#535353; text-transform:uppercase; font-weight:bold; line-height:30px;}
.boxTT > ul > li { width:180px; height:auto; float:left; margin-top:5px;}
.boxTT > ul > li > a { color:#333; line-height:20px;}
.boxTT > ul > li > a:hover { text-decoration:underline;}
.boxTT > ul > li.fac { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/fac.jpg) no-repeat top left; padding-left:30px;}
.boxTT > ul > li.twi { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/twi.jpg) no-repeat top left; padding-left:30px;}
.boxTT > ul > li.goo { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/goo.jpg) no-repeat top left; padding-left:30px;}
.boxTT > ul > li.ins { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/ins.jpg) no-repeat top left; padding-left:30px;}
.boxTT > ul > li.you { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/you.jpg) no-repeat top left; padding-left:30px;}
.boxTT > ul > li.blo { width:120px; height:23px; float:left; margin-top:8px; background:url(../images/blo.jpg) no-repeat top left; padding-left:30px;}
.boxTT_contact{width:300px; height:auto; float:left; margin:0 20px 0 10px;}
.boxTT_contact > ul { list-style:none;}
.boxTT_contact > ul > li.tit { width:150px; height:30px; float:left; border-bottom:1px solid #f3f3f3; margin-bottom:5px;}
.boxTT_contact > ul > li.tit > p { color:#535353; text-transform:uppercase; font-weight:bold; line-height:30px;}
.boxTT_contact > ul > li { width:300px; height:auto; float:left; margin-top:5px;}
.boxTT_contact > ul > li > a { color:#333; line-height:20px;}
.boxTT_contact > ul > li > a:hover { text-decoration:underline;}

.boxTT_1 { float:right !important; width:270px !important; margin-right:0 !important;  padding-bottom:20px; margin-top:5px;}
.boxTT_1 > ul { list-style:none;}
.boxTT_1 > ul > li { width:230px; height:auto; float:left; margin:105px 0 0 20px;}
.boxTT_1 > ul > li > p { color:black; font-size:12px; display:block; text-align:justify;}
.boxTT_1 > ul > li > p a{ color:#333; font-size:12px; display:block; text-align:justify;}
.thuonghieu_a01 { width:1000px; height:auto; float:left; margin-top:20px;}
.thuonghieu_a01 > p { color:#535353; text-transform:uppercase; font-weight:bold; line-height:30px; margin-left:10px;}
.thuonghieu_a01 > ul { list-style:none;}
.thuonghieu_a01 > ul > li { width:155px; height:auto; float:left; margin-left:10px; margin-top:5px;}
.thuonghieu_a01 > ul > li > a { width:155px; height:auto; float:left; line-height:20px; color:#333;}
.thuonghieu_a01 > ul > li > a:hover { text-decoration:underline; color:black;}

.thongtin_cty { width:998px; height:auto; float:left; border:1px solid #ddd; margin-top:20px; padding-bottom:20px;}
.thongtin_cty > span { width:998px; height:auto; float:left; margin-top:20px;}
.thongtin_cty > span > p { float:left; margin-left:20px; color:#333;}
.thongtin_cty > ul { list-style:none;}
.thongtin_cty > ul > li { width:280px; float:left; margin-left:20px; margin-top:20px; border-left:1px solid #ddd; padding-left:20px;}
.thongtin_cty > ul > li.first { border-left:none; }

.thongtin_cty > ul > li > ul { list-style:none;}
.thongtin_cty > ul > li > ul > li { width:290px; height:auto; float:left; margin-top:5px;}
.thongtin_cty > ul > li > ul > li > p { width:120px; height:auto; float:left; color:#333;}
.thongtin_cty > ul > li > ul > li > span { width:160px; height:auto; float:left; margin-left:10px; color:#333;}

.footBot { width:100%;  float:left; position:relative; bottom:-30px;}
.footBot_a01 { width:1000px; height:32px; margin:0 auto;}

.hist { float:left;}

.footBot_a01 > ul { list-style:none; float:left; margin-left:60px;}
.footBot_a01 > ul > li { float:left; height:32px; padding:0 10px 0 11px; background:url(../images/icon_9.png) no-repeat top left;} 
.footBot_a01 > ul > li.first { background:none;}
.footBot_a01 > ul > li > a { display:block; line-height:32px; color:#cccccc;}

.footBot_a01 > p { float:right; color:#979797; height:32px; line-height:32px; display:block;}

.LeftCont { width:240px; height:auto; float:left; margin-left:10px;}

.menuLeft { width:240px; height:auto; float:left;}
.menuLeft > ul { list-style:none;}
.menuLeft > ul > li { width:240px; height:auto; float:left;}
.menuLeft > ul > li > a { float:left; font-size:16px; font-weight:bold; text-transform:uppercase; color:#0696c4; font-family:"tahoma"; width:240px; padding:15px 0 10px 0; border-bottom:1px dotted #ff99cc;}


.dan { width:240px; height:auto; float:left; border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:10px 0;}
.dan > a { float:left; font-size:15px; text-transform:uppercase; color:black; font-family:"tahoma"; padding-left:30px; background:url(../images/icon_10.png) no-repeat top left;}
.dan > a.tittop { padding-left:0; background:none;}

.productMenu { width:240px; height:auto; float:left;}
ul.cap1 { width:240px; float:left; list-style:none;}
ul.cap1 > li { width:240px; float:left; background:url(../images/icon_11.png) no-repeat top left; border-bottom:1px dotted #ff99cc; padding:12px 0;}
ul.cap1 > li.pro_a02 { width:240px; float:left; background:url(../images/icon_11.png) no-repeat top left; border-bottom:1px dotted #ff99cc; padding:12px 0;}
ul.cap1 > li > a { width:209px; float:left; color:#000; padding-left:31px; font-size:13px; text-transform:capitalize}
ul.cap1 > li > a:hover {  color:#ff99cc; }
ul.cap2 { width:209px; height:auto; float:left; list-style:none; padding-bottom:0px; margin-left:31px;}
ul.cap2 > li { width:195px; height:auto; float:left; margin-top:10px; padding-left:14px; border-top:1px dotted #999; padding-top:10px; background:url(../images/icon_14.png) no-repeat top left;}
ul.cap2 > li a { color:#333; display:block; font-weight:normal;}
ul.cap2 > li:hover a { font-weight:bold;}

.RightCont { width:710px; height:auto; float:right; margin-right:10px;}

.banner_1 { width:710px; height:280px; float:left;}

.show_content { width:720px; height:auto; float:left;}
.boxScontent { width:230px; height:270px; float:left; margin:10px 10px 0 0; position:relative;}
.boxScontent img { width:230px; height:270px; float:left;}
.CCu_01 { width:230px; height:270px; position:absolute;/* top:0; left:0; background:url(../images/bo_05.png) no-repeat;*/}
.CCu_01 > ul { width:230px; height:71px; background:url(../images/bo_06.png) repeat-x; list-style:none; margin-top:167px;}
.boxScontent:hover .CCu_01 > ul { width:230px; height:71px; background:url(../images/bo_06-1.png) repeat-x; list-style:none; margin-top:167px;}
.CCu_01 > ul > li { width:230px; height:auto; float:left; padding-top:44px}
.CCu_01 > ul > li > a > img { width:230px; height:26px; float:left; margin-top:16px;}
.CCu_01 > ul > li > a { font-size:12px; color:#2e0008; text-align:center; display:block; line-height:20px; background:url(../images/icon_13.png) no-repeat top left;}
.CCu_01 > ul > li > a:hover { text-decoration:underline;}

.cont_cont { width:710px; height:auto; float:left; margin-top:20px;}
.tt_Ccont { width:710px; height:35px; float:left; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 0; background:url(../images/icon_6.png) no-repeat center left;}
.tt_Ccont_list { width:710px; height:35px; float:left; border-bottom:1px solid #e6e6e6; padding:4px 0;}


.tt_Ccont > p { color:#000; display:block; line-height:35px; font-size:20px; text-transform:uppercase; margin-left:16px; width:444px; float:left;}

.cc_Ccont { width:710px; height:auto; float:left;}
.box_Ccont { width:190px; height:375px; float:left; border-bottom:1px dotted #e5e5e5;}

.viewAll_01 { width:710px; height:38px; float:left; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:url(../images/icon_7.png) no-repeat center; margin:20px 0 20px 0;}
.viewAll_01 > a { font-size:18px; color:#000; line-height:38px; text-align:center; display:block;}
.viewAll_01 > a:hover { text-decoration:underline;}

.cont_list { width:710px; height:auto; float:left;}

.thongtrang { width:980px; height:31px; float:left; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:4px 0; margin:20px 0 20px 10px;}
.search_01 { width:247px; height:31px; float:left; background:url(../images/search_bg.png) no-repeat;}

.nextPage { float:right; height:31px;}
.nextPage > ul { list-style:none; float:right;}
.nextPage > ul > li { float:left; padding:0 5px 0 5px; background:url(../images/icon_15.png) no-repeat top left;}
.nextPage > ul > li.first { background:none;}
.nextPage > ul > li > a { font-size:15px; display:block; line-height:31px; color:#333;}
.nextPage > ul > li.active > a { color:red;}

.nextPage > span { float:right; margin-right:20px;}
.nextPage > span > p { float:left; font-size:15px; display:block; line-height:31px; margin-right:3px;}

.ProDetail { width:1000px; height:auto; float:left;}
.cont_detail { width:1000px; height:auto; float:left;}

.DetailPro { width:980px; height:auto; float:left; margin:10px 0 0 10px;}

.hinhsanpham { width:408px; height:auto; float:left; margin:10px; background:url(../images/bg_detail.jpg) no-repeat top left;}

#lofslidecontent45 { width:408px; height:auto; float:left;}
.lof-main-outer { width:408px; height:auto; float:left;}

.lof-opacity > li { position:absolute; float:inherit;}
ul.lof-main-wapper { list-style:none;}
ul.lof-main-wapper > li {  width:404px; height:546px; float:left; padding:0; border:1px solid #ddd; padding:1px; background:white;}
ul.lof-main-wapper > li > img {}

.lof-navigator-wapper { width:354px; height:145px; position:relative; float:left; margin-top:570px; margin-left:27px;}

.lof-navigator-outer { position:relative; height:145px; width:354px !important; overflow:hidden; float:left;}
ul.lof-navigator { position:absolute; width:354px; height:145px; float:left;}
ul.lof-navigator li { cursor:hand; cursor:pointer; overflow:hidden; float:left; display:block; text-align:center;}

ul.lof-navigator li img { border:#ddd solid 1px; background:#ccc; width:100px; height:135px;}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {	border:#1580b9 solid 1px;}

.lof-next { width:17px; height:33px; float:left; background:url(../images/next.png) no-repeat; position:absolute; top:55px; right:-27px; cursor:pointer;}
.lof-next a { float:left; margin-left:20px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-previous { width:17px; height:33px; float:left; background:url(../images/prev.png) no-repeat;  position:absolute; top:55px; left:-27px; cursor:pointer;}
.lof-previous a { float:left; margin-left:15px; margin-top:3px; font-size:12px; color:#333; font-style:inherit;}
.lof-main-outer .lof-next,  .lof-main-outer .lof-previous { display:block; width:40px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:3; top:0; text-indent:-999px;}

.cloud-zoom-big {
    border:1px solid #ddd;
    overflow:hidden;
    background:red;
    margin-left:5px;
    margin-top:-1px;
}
.cloud-zoom-lens { border:1px solid #ddd; background:#fff; cursor:move;}

.logo-15 { width:404px; height:546px; display:table; text-align: center; vertical-align: middle; background:white; float:left; overflow:hidden;}
.logo-15 img { max-width:404px; max-height:546px; display:table-cell; vertical-align: middle;}
.logo_15 { width:404px; height:546px; text-align: center; vertical-align: middle;}
.logo_15 img { margin:0 auto; max-width:404px; max-height:546px;}

.thongtinsp { width:542px; min-height:340px; float:left; margin:10px 0;}
.thongtinsp > ul { list-style:none;}
.thongtinsp > ul > li.ttsp-1 { width:532px; height:auto; float:left; margin-left:10px; padding-bottom:5px; border-bottom:1px dotted #ddd;}
.thongtinsp > ul > li.ttsp-1 > p { color:#0696c4; font-size:25px; display:block;}
.thongtinsp > ul > li.ttsp-10 { width:532px; height:auto; float:left; margin:10px 0 0 10px;}
.thongtinsp > ul > li.ttsp-10 > p { color:#666; font-size:17px;}
.thongtinsp > ul > li.ttsp-10 > span { color:#ff99cc; font-size:32px; padding-top:5px; float:left; font-weight:bold}

.thongtinsp > ul > li.ttsp-11 { width:532px; height:auto; float:left; margin:10px 0 0 10px;}
.thongtinsp > ul > li.ttsp-11 > p { color:#666; font-size:17px; font-style:italic;}
.thongtinsp > ul > li.ttsp-11 > ul { list-style:none; float:left; margin-top:8px;}
.thongtinsp > ul > li.ttsp-11 > ul > li { float:left; width:27px; height:27px; margin-right:10px;}

.thongtinsp > ul > li.ttsp-4 { width:532px; height:auto; float:left; margin:10px 0 0 10px;}
.thongtinsp > ul > li.ttsp-4 > p { color:#666; font-size:17px; font-style:italic; float:left;}
.thongtinsp > ul > li.ttsp-4 > a { color:#333; font-size:17px; font-style:italic; float:left; text-decoration:underline; margin-left:30px;}
.sel_out { width:255px; height:38px; float:left; background:url(../images/chon.png) no-repeat; margin-top:10px;}

.conhang { width:257px; height:38px; float:left; margin-left:10px; background:url(../images/bot_left.png) no-repeat top left; padding-left:10px; margin-top:10px;} 
.conhang > span { display:block; background:url(../images/bot_right.png) no-repeat top right; height:38px; padding-right:10px;}
.conhang > span > p { font-size:17px; font-style:italic; color:#333; height:38px; display:block; line-height:38px; background:url(../images/bot_center.png) repeat-x;}

.thongtinsp > ul > li.ttsp-12 { width:532px; height:auto; float:left; margin:15px 0 0 10px;}
.thongtinsp > ul > li.ttsp-12 > a { color:#333; font-size:17px; font-style:italic; text-decoration:underline; float:left;}
.thongtinsp > ul > li.ttsp-12 > ul { list-style:none; float:left; margin-top:20px; width:542px;}
.thongtinsp > ul > li.ttsp-12 > ul > li.thanhtoan { float:left; width:161px; height:38px; background:none; padding:0; margin:0;}
.thongtinsp > ul > li.ttsp-12 > ul > li.thanhtoan > a { background:none; padding:0;}

.thongtinsp > ul > li.ttsp-12 > ul > li { float:left; height:38px; background:url(../images/bot_left.png) no-repeat top left; padding-left:10px; margin-left:10px;}
.thongtinsp > ul > li.ttsp-12 > ul > li > a { height:38px; float:left; background:url(../images/bot_right.png) no-repeat top right; padding-right:10px;}

.thongtinsp > ul > li.ttsp-12 > ul > li.themvaogio > a > span { height:38px; float:left; background:url(../images/bot_center.png) repeat-x; padding:0 16px;}
.thongtinsp > ul > li.ttsp-12 > ul > li.yeuthich > a > span { height:38px; float:left; background:url(../images/bot_center.png) repeat-x; padding:0 16px 0 17px;}

.thongtinsp > ul > li.ttsp-13 { width:532px; height:auto; float:left; margin:20px 0 0 10px;}
.thongtinsp > ul > li.ttsp-13 > p { color:#666; font-size:17px; font-style:italic; text-transform:uppercase; float:left;}
.thongtinsp > ul > li.ttsp-13 > ul { list-style:none; float:left; margin-top:20px; width:542px;}
.thongtinsp > ul > li.ttsp-13 > ul > li { float:left; height:165px; margin-right:40px;}
.thongtinsp > ul > li.ttsp-13 > ul > li > a { display:block; height:165px; position:relative; min-width:140px;}
.thongtinsp > ul > li.ttsp-13 > ul > li > a > img { max-height:165px; position:absolute; bottom:0; text-align:center;}


.thongtincanbiet { width:960px; height:auto; float:left; margin-top:30px; margin-left:10px;}
.container {width:960px;}

ul.tabs { width:960px; height:27px; float:left; list-style: none; background:none; border:1px solid #ddd}
ul.tabs li { float:left; height:27px; display:block; background:url(../images/icon_19.png) no-repeat top left; padding:0 35px 0 36px;}
ul.tabs li.first { background:none; padding-left:0;}
ul.tabs li a { float:left; height:27px; display:block;}
ul.tabs li a span {	float:left; height:27px; display:block; color:#333; line-height:27px; font-size:14px; text-transform:uppercase; padding:1px 5px}
ul.tabs li:hover a span, ul.tabs li.active a span { color:#000; font-weight:bold;}

ul.tabs_design { width:960px; height:27px; float:left; list-style: none; background:none;}
ul.tabs_design li { float:left; height:27px; display:block; background:url(../images/icon_19.png) no-repeat top left; padding:0 35px 0 36px;}
ul.tabs_design li.first { background:none; padding-left:0;}
ul.tabs_design li a { float:left; height:27px; display:block;}
ul.tabs_design li a span {	float:left; height:27px; display:block; color:#333; line-height:27px; font-size:14px; text-transform:uppercase;}
ul.tabs_design li:hover a span, ul.tabs_design li.active a span { color:#000; font-weight:bold;}
ul.tabs_design li .error { margin: 0px 8px !important; }
.input_design {
    width:83px; height:20px; 
    float:left; background:url(../images/khung_check.png) no-repeat; 
    border:none; 
    padding:5px 10px; 
    margin:0 8px; 
    color:#666; 
    font-style:italic; 
    font-size:17px;
}
.input_info_mem {
    width:220px; height:20px; 
    float:left; background:url(../images/input_info_design.png) no-repeat; 
    border:none; 
    padding:5px 5px; 
    margin:5px 5px; 
    color:#666; 
    font-style:italic; 
    font-size:17px;
}
.xanh { width:960px; float:left; /*border-top:1px solid #000;*/ /*margin-top:10px;*/ line-height:22px;}

.chitietsanpham { width:960px; height:auto; float:left; margin-top:20px; line-height:22px;}
.chitietsanpham > ul { list-style:none; float:left; margin-top:10px;}
.chitietsanpham > ul > li { width:960px; height:auto; float:left; border-bottom:1px solid #d0d0d0; padding:7px 0;}
.chitietsanpham > ul > li > p { width:280px; height:auto; float:left; padding-left:20px;}
.chitietsanpham > ul > li > span { width:620px; height:auto; float:left; margin-left:20px; padding-left:20px;}

.boxSlider { width:960px; height:auto; float:left; margin:30px 0 0 20px;}
.boxSlider > span { width:960px; height:auto; float:left; background:url(../images/icon_18.png) repeat-x;}
.boxSlider > span > p { font-size:20px; float:left; color:#333; background:white; padding-right:10px;}

.boxCcSlider { width:960px; height:363px; overflow:hidden; float:left; background:url(../images/bg_boxSlider.jpg) no-repeat bottom; position:relative; margin-top:30px; margin-bottom:10px;}
.box_CSlider { width:190px; height:350px; overflow:hidden; float:left; margin:0 0 0 0 !important; border-bottom:1px dotted #e5e5e5;}


.cc_Chome { width:1000px; height:auto; float:left;}
.box_Chome { width:190px; height:370px; float:left; margin:20px 30px 0 30px; border-bottom:1px dotted #e5e5e5;}
.box_Chome > ul { list-style:none;}
.box_Chome > ul > li.pic { width:190px; height:257px; background:url(../images/bo_03.png) no-repeat bottom; position:relative;}
.box_Chome > ul > li.pic > a { width:188px; height:248px; border:1px solid #efefef; float:left;}
.box_Chome:hover > ul > li.pic > a { box-shadow:2px 2px 4px #ddd;}
.box_Chome > ul > li.pic > a > img { width:188px; height:248px; float:left;}
.box_Chome > ul > li.thh { width:190px; height:auto; float:left; border-bottom:1px dotted #e5e5e5; padding:3px 0;}
.box_Chome > ul > li.thh > a { font-size:16px; color:#666; text-transform:uppercase;}
.box_Chome > ul > li.tit { width:190px; height:auto; float:left; margin-top:4px;}
.box_Chome > ul > li.tit > a { font-weight:bold; color:#000; font-size:16px;}
.box_Chome > ul > li.tit:hover > a { text-decoration:underline;}
.box_Chome > ul > li.pri { width:190px; height:auto; float:left; margin-top:1px;}
.box_Chome > ul > li.pri > ul { list-style:none;}
.box_Chome > ul > li.pri > ul > li { float:left;}
.box_Chome > ul > li.pri > ul > li.gt > p { float:left; color:#000; font-size:14px; text-decoration:line-through; margin-top:2px;}
.box_Chome > ul > li.pri > ul > li.gt > span { float:left; font-size:11px; color:#000; text-transform:uppercase; margin-top:4px;}
.box_Chome > ul > li.pri > ul > li.gb > p { float:left; color:#cc0000; font-size:15px;}
.box_Chome > ul > li.pri > ul > li.gb > span { float:left; font-size:11px; color:#cc0000; text-transform:uppercase; margin-top:4px;}
.box_Chome > ul > li.cod { width:190px; height:auto; float:left; margin-top:2px;}
.box_Chome > ul > li.cod > a { font-size:14px; color:#000;}
/* Circular Content Carousel Style */
.ca-container { position:relative; margin:0 auto; width:865px; height:351px;}
.ca-wrapper { width:100%; height:100%; position:relative;}
.ca-item { position:relative; float:left; width:225px; height:351px;}
.ca-nav span{
    width:35px;
    height:50px;
    background:transparent url(../images/arrows_01.png) no-repeat top left;
    position:absolute;
    top:50%;
    margin-top:-19px;
    left:-40px;
    text-indent:-9000px;
    opacity:0.7;
    cursor:pointer;
    z-index:100;
}
.ca-nav span.ca-nav-next { background-position:top right; left:auto; right:-40px;}
.ca-nav span:hover { opacity:1.0;}

.DetailPro_a01 { width:960px; height:auto; float:left; margin:20px 0 0 20px;}
.hinhsanpham_a01 { width:408px; height:566px; float:left; background:url(../images/bg_detail.jpg) no-repeat top left; margin-top:20px;}
.wrap_a02 { width:404px; height:546px; float:left; border:1px solid #ddd; padding:1px; background:white;}

.thongtindesign { width:532px; height:100px; float:left; margin:12px 0 0 20px;}
.thongtindesign > p { color:#333; font-size:15px; display:block; text-align:justify; margin-top:5px;}
.thongtindesign > span { width:532px; height:auto; float:left; margin-top:10px;}
.thongtindesign > span > p { font-weight:bold; color:#111; float:left; font-size:15px;}
.thongtindesign > span > a { font-weight:bold; color:#111; float:left; font-size:15px; text-decoration:underline;}

.thongsocn { width:550px; height:auto; float:left; margin:10px 0 0 0;}
.thongsocn > span { width:532px; height:auto; float:left; background:url(../images/icon_18.png) repeat-x;}
.thongsocn > span > p { font-size:20px; float:left; color:#333; background:white; padding-right:10px;}

.thongsocn ul { list-style:none;}
.thongsocn > ul > li { float:left; width:266px; margin-top:5px;}
.thongsocn > ul > li > ul > li { width:266px; float:left; margin-top:10px;}
.thongsocn > ul > li > ul > li > p { float:left; width:101px; color:#666; font-size:17px; font-style:italic; line-height:29px;}
.thongsocn > ul > li.last { width:490px; height:auto; float:left; margin-left:44px;}
.thongsocn > ul > li.last > p { float:left; color:#666; font-size:17px; font-style:italic; line-height:29px;}

.in_content_a03 { width:100%; height:auto; float:left; margin-top:18px; position:relative; z-index:1;}
.cent_content_a03 { width:1018px; height:auto; margin:0 auto;}
.content_F01_a03 { width:1018px; height:18px; float:left; background:url(../images/content_011.png) no-repeat;}
.content_L01_a03 { width:1018px; height:18px; float:left; background:url(../images/content_033.png) no-repeat;}
.content_a03 { width:1000px; height:auto; float:left; background:url(../images/content_022.png) repeat-y; padding:0 9px;}

.hinhthucTT { width:1000px; height:auto; float:left;}
.hinhthucTT > ul { list-style:none;}
.hinhthucTT > ul > li.first { margin-left:0;}
.hinhthucTT > ul > li { width:320px; height:auto; float:left; margin-left:20px;}

.box3V { width:320px; height:auto; float:left;}
.box3V > span  { width:320px; border-bottom:1px solid #ccc; display:block; height:50px;}
.box3V > span > p { float:left; color:#333; font-size:17px; text-transform:uppercase; margin-left:8px;}

.box3V > ul { width:320px; height:auto; float:left; margin-top:10px; list-style:none; padding-bottom:10px;}
.box3V > ul > li { width:280px; height:auto; float:left; margin:10px 0 0 20px;}
.box3V > ul > li > p { font-size:14px; color:#666;}
.box3V > ul > li > p > span { color:red;}

.choNo { width:320px; height:31px; float:left;/* background:url(../images/box_check_a01.png) no-repeat;*/ margin-top:6px;}

.hinhthucthanhtoan { width:280px; height:auto; float:left; margin:0 0 0 20px;}
.hinhthucthanhtoan > ul { list-style:none;}
.hinhthucthanhtoan > ul > li { width:280px; height:auto; float:left; margin-top:18px;}
.hinhthucthanhtoan > ul > li > p { float:left; display:block; color:#666; line-height:20px; font-weight:bold; font-size:14px; margin-left:5px; padding-bottom:2px;}
.hinhthucthanhtoan > ul > li > span { width:253px; height:auto; float:left; color:#666; text-align:justify; margin:5px 0 0 27px;}
.hinhthucthanhtoan > ul > li > span > a { height:30px; float:left; padding:10px;}

.dichvuvanchuyen { width:280px; height:auto; float:left; margin:10px 0 0 20px;}
.dichvuvanchuyen > p { width:280px; float:left; display:block; color:#666; line-height:20px; font-weight:bold; font-size:14px; margin-top:8px; padding-bottom:10px;}
.dichvuvanchuyen > span { width:270px; height:auto; float:left; margin-top:5px; padding-left:10px; background:url(../images/icon_20.png) no-repeat top left;}
.dichvuvanchuyen > img { width:280px; float:left; margin-top:30px;}

.in_content_2nd { width:100%; height:auto; float:left; margin-top:4px; position:relative; z-index:1;}

.thongtindonhang { width:960px; height:auto; float:left; margin:0 0 0 20px;}
.tt_thongtindonhang { width:960px; height:40px; float:left; border-bottom:1px solid #ddd;}
.tt_thongtindonhang > p { width:500px; height:40px; float:left; padding-left:45px; background:url(../images/icon_21.jpg) no-repeat top left; line-height:40px; display:block; text-transform:uppercase; font-size:18px; color:#333;}
.tt_thongtindonhang > a { width:300px; height:40px; float:right; text-align:right; text-decoration:underline; color:#333; line-height:40px; display:block; text-transform:uppercase; font-size:18px;}

.cc_thongtindonhang { width:960px; height:auto; float:left;}


.giohang { width:960px; height:auto; float:left; margin-top:10px;}
.giohang ul { list-style:none;}
.giohang > ul > li.tit { width:960px; height:40px; float:left; border-bottom:1px solid #ddd;}
.giohang > ul > li.tit > ul > li.sp { width:300px; height:40px; float:left; margin-left:160px;}
.giohang > ul > li.tit > ul > li.sp > p { font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:40px;}
.giohang > ul > li.tit > ul > li.sl { width:140px; height:40px; float:left;}
.giohang > ul > li.tit > ul > li.sl > p { font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:40px;}
.giohang > ul > li.tit > ul > li.gi { width:180px; height:40px; float:left;}
.giohang > ul > li.tit > ul > li.gi > p { font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:40px;}
.giohang > ul > li.tit > ul > li.tt { width:180px; height:40px; float:left;}
.giohang > ul > li.tit > ul > li.tt > p { font-size:14px; font-weight:bold; color:#666; text-align:center; line-height:40px;}

.giohang > ul > li.con { width:960px; min-height:140px; float:left; border-bottom:1px solid #ddd;}
.giohang > ul > li.con > ul > li.pic { width:160px; min-height:140px; float:left;}
.giohang > ul > li.con > ul > li.sp { width:279px; padding:10px; min-height:120px; float:left; border-left:1px solid #ddd;}
.giohang > ul > li.con > ul > li.sp > p { width:279px; height:auto; float:left; padding-bottom:5px; font-size:16px; text-transform:uppercase; color:#666; border-bottom:1px dashed #ddd;}
.giohang > ul > li.con > ul > li.sp > span { width:279px; height:auto; float:left; margin-top:4px; color:#666; font-size:16px;}
.giohang > ul > li.con > ul > li.sl { width:150px; padding:10px; min-height:120px; float:left; border-left:1px solid #ddd;}
.giohang > ul > li.con > ul > li.sl > a { float:left; margin:6px 0 0 5px;}
.giohang > ul > li.con > ul > li.sl > p { font-size:16px; color:#666; text-align:center; line-height:40px;}
.giohang > ul > li.con > ul > li.gi { width:130px; padding:10px; min-height:120px; float:left; border-left:1px solid #ddd;}
.giohang > ul > li.con > ul > li.gi > p { font-size:16px; color:#666; text-align:center; line-height:40px;}
.giohang > ul > li.con > ul > li.tt { width:130px; padding:10px; min-height:120px; float:left; border-left:1px solid #ddd;}
.giohang > ul > li.con > ul > li.tt > p { font-size:16px; color:red; text-align:center; line-height:40px;}

.pic-1a1 { width:150px; height:130px; display:table; text-align: center; vertical-align: middle; float:left; position:relative;}
.pic-1a1 img { max-width:150px; max-height:130px; display:table-cell; vertical-align: middle;}
.pic_1a1 { width:150px; height:130px; text-align: center; vertical-align: middle;}
.pic_1a1 img { max-width:150px; max-height:130px;}

.giohang > ul > li.tongtien { float:right; padding:20px 0 10px 0;}
.giohang > ul > li.tongtien > p { float:left; font-weight:bold; font-size:16px; color:#333; text-transform:uppercase;}
.giohang > ul > li.tongtien > span { font-size:16px; color:red; text-align:center; width:159px; padding:0 10px; float:left;}
.giohang > ul > li.ghichu { width:960px; height:auto; float:left; margin-top:30px}
.giohang > ul > li.ghichu > p { color:#666; font-size:14px;}

/* POPUP LOGIN */
.btn-sign {
    width:460px;
    margin-bottom:20px;
    margin:0 auto;
    padding:20px;
    border-radius:5px;
    background: -moz-linear-gradient(center top, #00c6ff, #018eb6);
    background: -webkit-gradient(linear, left top, left bottom, from(#00c6ff), to(#018eb6));
    background:  -o-linear-gradient(top, #00c6ff, #018eb6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00c6ff', EndColorStr='#018eb6');
    text-align:center;
    font-size:36px;
    color:#fff;
    text-transform:uppercase;
}

.btn-sign a { color:#fff; text-shadow:0 1px 2px #161616; }

#mask {
    display: none;
    background: #000; 
    position: fixed; left: 0; top: 0; 
    z-index: 10;
    width: 100%; height: 100%;
    opacity: 0.8;
    z-index: 999;
}

.login-popup{
    display:none;
    padding: 30px; 	
    border: 2px solid #333;
    float: left;
    font-size: 1.2em;
    position: fixed;
    top: 50%; left: 50%;
    background:#fff;
    z-index: 99999;
    box-shadow: 0px 0px 20px #999;
    -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
    border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

img.btn_close {
    float: right; 
    margin: -28px -28px 0 0;
}

fieldset { 
    border:none; 
}

form.signin .textbox label { 
    display:block; 
    padding-bottom:40px;
    height:50px; 
}

form.signin .textbox span { 
    display:block;
}

form.signin p, form.signin span { 
    color: #141414; 
    font-size:15px; 
    line-height:20px;
    font-weight:bold;
} 

form.signin .textbox input { 
    border-bottom:1px solid #141414;
    border-left:1px solid #141414;
    border-right:1px solid #141414;
    border-top:1px solid #141414;
    color: #000; 
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:10px 15px;
    width:250px;
    background:#fff;
}

form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }

.button { 
    background: -moz-linear-gradient(center top, #141414, #141414);
    background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#141414));
    background: -o-linear-gradient(top, #141414, #141414);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#141414', EndColorStr='#141414');
    border-color:none;
    border-width: 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 4px;
    font-size: 22px;
    width: 160px;
    font-family:"UTM-alter";
    margin: 10px 38px;
}

.button:hover { background:#141414; }


/* Address order */
input[name="fullname"], input[name="address"], input[name="phone"],input[name="email"],input[name="password"],input[name="password_confirm"]   {
    width:260px; 
    height:21px; 
    float:left; 
    background:url(../images/box_check.png) no-repeat; 
    border:none; 
    padding:5px 10px; 
    color:#666; 
    font-size:14px; 
    margin-top:6px;
}
select[name="city"], select[name="state"], select[name="ward"]{
    float:left; 
    margin-left:10px; 
    margin-top:6px; 
    width:263px; 
    height:20px; 
    color:#666; 
    border:none; 
    background:none;
}
/*** que them moi ***/
input.error {
    border: 1px solid red !important;
}
select.error {
    border: 1px solid red !important;
}
.static_content{ width:960px; margin:10px auto; text-align:justify; line-height:22px;}
.static_content ul{ padding: 0 10px}

div.success {
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}
div.success img {
    float: left;
    margin-bottom: 20px;
    margin-right: 70px;
}
input.btn_tieptucmuahangcam {
    background: url(../images/btn_tieptucmuahang_cam.png) no-repeat left top;
    cursor: pointer;
    height: 62px!important;
    width: 231px;
    border: 0;
    margin-top: 1PX;
    margin-right: 7px;
}
div.success_co {
    float: left;
    text-align: left;
    line-height: 18px;
    margin-top: 10px;
    width: 400px;
}
div.success ul {
    list-style-position: outside;
    font-size: 14px;
    line-height: 35px;
}
.bg_img{float:right;
}

/**** thanh vien ***/
/* Profile */
#profile tr td {
    padding: 10px 0px;
}
#profile tr td select{
    padding: 5px 16px;
}

#city,#state,#ward{ width: 275px !important;
                    float: left;
                    background: #F9F9F9;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    margin:2px;
                    color: #666;
                    font-size: 14px;
                    height: 26px;
}
.bnt_sumit{ 
    width: 200px;
    height: 55px;
    background: #ff7500;
    color: #fff;
    border-radius: 5px;
    font-size: 18px;
}

/*pagination*/
#pagination { float: right; width: auto; padding: 8px;}
.paging { text-align:right;}
.paging a{color:#515150; padding-right:5px;}
.paging strong{color:#6e4717; padding-right:5px;}
#paging_heritage {
    position: absolute;
    top: 285px;
    height: 20px;
    left: 220px;
}
.paging strong{
    border:1px solid;
    padding:1px 3px;
    background:none repeat scroll 0 0 #CCCCCC;
}
.paging a{
    border:1px solid;
    padding:1px 3px;
}
.red{ color:red; }
/*********** contact */
.contact_content {
    overflow: hidden;
    position: relative;
    width:1000px;
    margin-top:10px;
}
.contact_content h2 {

    border-bottom: 2px dashed #999999;
    padding-bottom: 10px;
    margin: 10px 0 20px 10px;
}

.contact_content h2 > span {
    font-size: 17px !important;
    text-transform: uppercase;
    font-weight: bold;
    color: orange;
}
.block-address { margin-bottom:20px;}
.block-address h3{ font-size:20px;}
.block-address p{ font-size:13px; line-height:20px;}
.contact_content .left_col {
    float: left;
    width: 49%;
    padding: 0;
}
#infoMessage{ height:70px; font-size:16px; color:#F00;}
#infoMessage strong{ color:#F00; padding-top:30px; display:block; }
.contact_form{ width:90%; padding-left:20px;}
.contact_form span{ float:left; width:135px; display:block; padding-top:15px; font-size:15px}
.contact_form input { float:right; width: 260px;
                      height: 21px;
                      border:1px solid #ccc;
                      background:#f6f6f6; 
                      border-radius:5px; 
                      padding: 5px 10px;
                      color: #666;
                      font-size: 14px;
                      margin-top: 6px;}
.contact_form textarea { float:right; width:260px; height:100px; background:#f6f6f6; border-radius:5px; padding:10px; margin:5px 0px;border:1px solid #ccc;}
.username{ height:80px; margin:10px 0px; clear:both }
.password{ height:80px; margin:10px 0px;clear:both}
.forgot_pass{ clear:both; margin-top:20px;}
.giao_nhan{ width:280px; height:68px; display:block; padding:30px 0px;}
a.link_1{
    float: left;
    display:block;
    height:30px;
    padding: 0px !important; color:#30F; }
.tt_sanpham{ height:auto;float: left; line-height:24px }
.nav-tab {
    display: inline-block;
    float: right;
}
.nav-tab li {
    display: inline-block;
    list-style: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.icon-th-large i{
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
	color:gray;
}
.icon-th-large:hover i, .icon-th-large.active i{
    color: #0696c4;
}
.icon-th-list i{
    display: inline-block;
    font-size: 30px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.icon-th-list:hover i, .icon-th-list.active i{
    color: #0696c4;
}
.box_Ccont .price{
	color:rgb(240, 39, 39) !important;
	font-size:15px;
	font-weight:bold;
	padding:5px 0px;
	float:left;
	display:block;
}
.btnDetail{
	background:#50c3e8;
    border:1px solid #3aa4c6;
    border-radius:3px;
    padding:3px 5px;
    color:#fff !important;
    text-transform:uppercase;
    float:right;
    font-size:11px !important;
    margin-top:5px;
    margin-right:11px ;
    -webkit-border-radius: 3px;
    -webkit-transition-property:color, background;
    -webkit-transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, ease-in; color:#fff;
}
.chitietsanpham ul, .chitietsanpham ol{ padding-left:25px}